<script setup lang="ts">
defineProps<{
    loading: boolean,
    description: string
}>();
</script>

<template>
    <div v-if="loading" class="fixed top-0 left-0 w-full h-full z-40 p-3 flex items-center justify-center">
        <n-spin>
            <template #description>
                <span class="loading-description">{{ description }}</span>
            </template>
        </n-spin>
    </div>
</template>

<style scoped>
.loading-description {
    color: var(--sys-description-text-color);
}
</style>